<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Enoupps Business Oriented HTML Template</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href='../../fonts.googleapis.com/css@family=Droid+Sans_3A400,700' rel='stylesheet' type='text/css'>
<!--For Menu-->
<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript" src="../../ajax.googleapis.com/ajax/libs/jquery/1.4.2/jqueary.min.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script type='text/javascript' src='js/jquery.custom.js?ver=1.0'></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<!--For Portfolio-->
<script type="text/javascript" src="js/jquery.quicksand.js"></script>
<script type="text/javascript" src="js/setting.js"></script>
<!--Feature Project-->
<link rel="stylesheet" media="screen" href="css/jcarousel.css"/>
<script src="js/jquery.jcarousel.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {	
var scrollCount;
scrollCount = 1;
$('#mycarousel').jcarousel({
       easing: 'easeInOutQuint',
       animation: 600,
       scroll    : scrollCount
});
});
</script>
</head>
<body>
<!--Top menu-->
<div id="top">
  <div class="top-inner">
    <div id="logo"> <a href="#"><img src="images/logo.png" alt="" border="0" /></a> </div>
    <div id="primary-nav">
      <ul id="menu-primary-menu" class="sf-menu">
        <li><a href="index.html"><span>Home</span></a> </li>
        <li><a href="#" class="sf-with-ul">Features + </a>
          <ul class="sub-menu">
            <li><a href="full-width.html"><span> Full Width</span></a></li>
            <li><a href="blog_post.html"><span>Blog Post Page</span></a></li>
            <li><a href="index_dark.html"><span>Light Skin</span></a></li>
            <li><a href="index_dark.html"><span>Dark Skin</span></a></li>
          </ul>
        </li>
        <li><a href="about.html"><span>About</span></a></li>
        <li><a href="blog.html"><span>Blog</span></a></li>
        <li><a href="portfolio.html"><span>Portfolio</span></a></li>
        <li><a href="contact.html"><span>Contact</span></a></li>
      </ul>
      <!-- END #primary-nav -->
    </div>
  </div>
</div>
<!--Title-->
<div class="title-outer">
  <div class="title"> Portfolio <span>/ Subtitle</span>
    <div class="top-search">
      <input type="text" class="text" value="Search this site..." onfocus="if(this.value=='Search this site...')this.value='';" onblur="if(this.value=='')this.value='Search this site...';">
    </div>
  </div>
</div>
<!--Message-->
<div class="messagein">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh<br />
  euismod  dunt consectetuer sed diam adut laoreet. </div>
<!--Middle section-->
<div id="middle-sdo1">
  <div id="sdo2">
    <div id="middle">
      <div class="portfolio">
        <h2 class="patrn">All Works
          <ul class="portfolio_list spacermin10">
            <li class="active"><a href="#" class="all">All</a> </li>
            <li> <a href="#" class="advertisement">UI </a> </li>
            <li> <a href="#" class="ecommerce">Web</a></li>
            <li> <a href="#" class="interface">Logo </a></li>
            <li> <a href="#" class="webdesign">Print </a></li>
            <li> <a href="#" class="branding">Branding</a></li>
          </ul>
        </h2>
        <ul class="portfolio_contain gallery">
          <li data-id="id-1" data-type="interface" class="main"> <a href="#"><img src="images/port1.jpg" alt="" /> Graphic River <span>Website / Interface Design</span></a> </li>
          <li data-id="id-2" data-type="webdesign" class="main"> <a href="#"><img src="images/port2.jpg" alt=""  /> Rockable Press <span>Website / Interface Design</span> </a></li>
          <li data-id="id-3" data-type="ecommerce" class="main last "> <a href="#"><img src="images/port3.jpg" alt=""  />Mini Cards <span>e-Commerce Design</span></a> </li>
          <li data-id="id-4" data-type="advertisement" class="main"> <a href="#"><img src="images/port4.jpg" alt=""  />Rockable Press <span>Advertisement</span></a></li>
          <li data-id="id-5" data-type="webdesign" class="main"> <a href="#"><img src="images/port5.jpg" alt="" />Collis Ta&#8217;eed <span>Website Design</span></a></li>
          <li data-id="id-6" data-type="webdesign" class="main last"> <a href="#"><img src="images/port6.jpg" alt=""  />GraphicRiver <span>Website Design</span></a> </li>
          <li data-id="id-7" data-type="webdesign" class="main"> <a href="#"><img src="images/port7.jpg" alt="" />Graphic River <span>Website Design</span></a></li>
          <li data-id="id-8" data-type="branding" class="main"> <a href="#"><img src="images/port8.jpg" alt="" />Rockable Press <span>Branding</span></a></li>
          <li data-id="id-9" data-type="ecommerce" class="main last"> <a href="#"><img src="images/port9.jpg" alt=""  />Rockstar Freelancer <span>e-Commerce Design</span></a></li>
          <li data-id="id-10" data-type="interface" class="main last"> <a href="#"><img src="images/port10.jpg" alt=""  />Collis Ta&#8217;eed <span>Interface Design</span></a></li>
          <li data-id="id-11" data-type="print" class="main last"> <a href="#"><img src="images/port11.jpg" alt=""  />Say It Print! <span>Print</span></a></li>
          <li data-id="id-12" data-type="advertisement" class="main last"> <a href="#"><img src="images/port12.jpg" alt=""  />Mini Cards <span>Advertisement</span></a></li>
        </ul>
      </div>
      <div class="clearfix"> </div>
    </div>
  </div>
</div>
<!--Middle section End -->
<div class="feature-pro">
  <div class="eight columns">
    <h2 class="blue">Featured Project</h2>
    <!--gallery / carousel starts-->
    <ul id="mycarousel" class="jcarousel-skin-tango">
      <li>
        <div class="pro">
          <div class="pro-img"><img src="images/thumb9.jpg" alt="" > </div>
          <strong>Bhagwati Lal</strong>
          <p>Phasellus id dolor sed arcu pretium volutpat a id nulla. Morbi venenatis nulla non risus tempor atis nulla non risus tempor.</p>
        </div>
        <div class="pro">
          <div class="pro-img"><img src="images/thumb9.jpg" alt="" > </div>
          <strong>Bhagwati Lal</strong>
          <p>Phasellus id dolor sed arcu pretium volutpat a id nulla. Morbi venenatis nulla non risus tempor atis nulla non risus tempor.</p>
        </div>
      </li>
      <li>
        <div class="pro">
          <div class="pro-img"><img src="images/thumb9.jpg" alt="" > </div>
          <strong>Bhagwati Lal</strong>
          <p>Phasellus id dolor sed arcu pretium volutpat a id nulla. Morbi venenatis nulla non risus tempor atis nulla non risus tempor.</p>
        </div>
        <div class="pro">
          <div class="pro-img"><img src="images/thumb9.jpg" alt="" > </div>
          <strong>Bhagwati Lal</strong>
          <p>Phasellus id dolor sed arcu pretium volutpat a id nulla. Morbi venenatis nulla non risus tempor atis nulla non risus tempor.</p>
        </div>
      </li>
      <li>
        <div class="pro">
          <div class="pro-img"><img src="images/thumb9.jpg" alt="" > </div>
          <strong>Bhagwati Lal</strong>
          <p>Phasellus id dolor sed arcu pretium volutpat a id nulla. Morbi venenatis nulla non risus tempor atis nulla non risus tempor.</p>
        </div>
        <div class="pro">
          <div class="pro-img"><img src="images/thumb9.jpg" alt="" > </div>
          <strong>Bhagwati Lal</strong>
          <p>Phasellus id dolor sed arcu pretium volutpat a id nulla. Morbi venenatis nulla non risus tempor atis nulla non risus tempor.</p>
        </div>
      </li>
      <li>
        <div class="pro">
          <div class="pro-img"><img src="images/thumb9.jpg" alt="" > </div>
          <strong>Bhagwati Lal</strong>
          <p>Phasellus id dolor sed arcu pretium volutpat a id nulla. Morbi venenatis nulla non risus tempor atis nulla non risus tempor.</p>
        </div>
        <div class="pro">
          <div class="pro-img"><img src="images/thumb9.jpg" alt="" > </div>
          <strong>Bhagwati Lal</strong>
          <p>Phasellus id dolor sed arcu pretium volutpat a id nulla. Morbi venenatis nulla non risus tempor atis nulla non risus tempor.</p>
        </div>
      </li>
    </ul>
    <!--gallery / carousel ends-->
  </div>
</div>
<!--Footer -->
<div id="footer">
  <div id="footer-inner">
    <div class="client-say">
      <h3>What Our Client Say</h3>
      <img src="images/client.jpg" alt="" class="flleft grayborR" />
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
    </div>
    <div class="footer-details">
      <h3>What Our Client Say</h3>
      <div class="address"><img alt="" src="images/address.png"> <strong>Address:</strong> 8/3111 neqar savina vatica
        strat road, India </div>
      <div class="address"><img height="18" width="14" alt="" src="images/phone.png"> <strong>Phone:</strong> +11 (0) 556 - 124 - 1232</div>
      <div class="address"><img height="12" width="15" alt="" src="images/mail.png"> <strong>Email:</strong> <a href="#">www.cssmoban.com</a></div>
    </div>
    <div class="footer-details no-margin">
      <h3>Newsletter</h3>
      <p> Let's keep in touch! Sign up for our newsletter to recieve offers and news.</p>
      <input type="text" class="newsletter" value="Enter your email adress" onfocus="if(this.value=='Enter your email adress')this.value='';" onblur="if(this.value=='')this.value='Enter your email adress';">
    </div>
  </div>
  <!--Footer Info-->
  <div class="Finfo">
    <div class="copyright"> &copy; Copyright 2012 Collect from <a href="http://www.cssmoban.com/">www.cssmoban.com</a>. All Rights Reserved.</div>
    <div class="designby">More Templates <a href="http://www.cssmoban.com/">www.cssmoban.com</a>. </div>
  </div>
</div>

</body>
</html>
